<form id="add-form" class="form-horizontal" style="position:relative;background: #fff" role="form" data-toggle="validator" method="POST" action="">
    <!-- 百度地图API -->
    <script type="text/javascript"
            src="https://api.map.baidu.com/api?v=3.0&ak=HX3XrjGHigjidfWYSf6bozZbiABeWfUX"></script>
    <script type="text/javascript" src="/assets/js/backend/common/DrawingManager_min.js"></script>
    <!-- 百度地图修复脚本 -->
    <script src="/assets/js/backend/common/baidu-map-fix.js"></script>
        <style>
        #map {
            width: 100%;
            height: 500px;
        }

        .form-control {
            margin-bottom: 10px;
        }

        .button {
            margin-top: 10px;
            padding: 5px 10px;
            background-color: #007BFF;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .coordinates {
            margin-top: 10px;
        }
    </style>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content" >
            <div class="tab-pane fade active in" id="tabs_0" style="margin-top:15px">
                <input type="hidden" id="c-id" name="row[id]" value="" class="form-control" data-rule="" data-tip="ID"  />

                   <div class="form-group">
                        <label for="c-group_id" class="control-label col-xs-12 col-sm-2">组别ID:</label>
                        <div class="col-xs-12 col-sm-8" id="div-group_id">
                           <select name="row[group_id]" id="c-group_id"  class="form-control selectpicker"  data-rule=""  >
                               <option value="1">学生</option>
                               <option value="2">老师</option>
                               <option value="3">管理员</option>
                               <option value="4">领导</option>
                               <option value="5">观察员</option>
                           </select>
                        </div>
                   </div>

                   <div class="form-group">
                        <label for="c-username" class="control-label col-xs-12 col-sm-2">姓名:</label>
                        <div class="col-xs-12 col-sm-8" id="div-username">
                            <input type="text" id="c-username" name="row[username]" value="" class="form-control" title="username"  placeholder="" data-rule=""  data-tip="姓名"  />
                        </div>
                   </div>

                   <div class="form-group">
                        <label for="c-mobile" class="control-label col-xs-12 col-sm-2">手机号:</label>
                        <div class="col-xs-12 col-sm-8" id="div-mobile">
                            <input type="text" id="c-mobile" name="row[mobile]" value="" class="form-control" title="mobile"  placeholder="" data-rule=""  data-tip="手机号"  />
                        </div>
                   </div>

                   <div class="form-group">
                        <label for="c-avatar" class="control-label col-xs-12 col-sm-2">头像:</label>
                        <div class="col-xs-12 col-sm-8" id="div-avatar">
                            <div class="form-inline">
                                <input id="c-avatar" class="form-control" size="39" name="row[avatar]" type="text" value="" data-tip="">
                                <span><button type="button" id="plupload-avatar" class="btn btn-danger plupload" data-input-id="c-avatar" data-mimetype="image/*" data-multiple="false" data-preview-id="p-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                <span><button type="button" id="fachoose-avatar" class="btn btn-primary fachoose" data-input-id="c-avatar" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                <ul class="row list-inline plupload-preview" id="p-avatar"></ul>
                            </div>
                        </div>
                   </div>

                   <div class="form-group">
                        <label for="c-gender" class="control-label col-xs-12 col-sm-2">性别:</label>
                        <div class="col-xs-12 col-sm-8" id="div-gender">
                            <label for="row[gender]-1"><input id="row[gender]-1" name="row[gender]" type="radio" value="1" {if 1=="1"}checked{/if} /> 男</label>

                            <label for="row[gender]-2"><input id="row[gender]-2" name="row[gender]" type="radio" value="2" {if 2=="1"}checked{/if} /> 女</label>
                        </div>
                   </div>
                <div class="form-group">
                    <label for="c-cityarea_id" class="control-label col-xs-12 col-sm-2">行政区划:</label>
                    <div class="col-xs-12 col-sm-8" id="div-cityarea_id">
                        <div style="margin-top:-2px;margin-left: -2px;">
                            <select id="province" id="c-cityarea_id" class="form-control liandong"
                                    name="row[province_id]"
                                    type="text" value="">

                            </select>
                            <select id="city" class="form-control liandong" name="row[city_id]"
                                    type="text" value="">

                            </select>
                            <select id="county" class="form-control liandong" name="row[district_id]"
                                    type="text" value="">

                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="c-longitude" class="control-label col-xs-12 col-sm-2">经纬度定位:</label>
                    <div class="col-xs-12 col-sm-8" id="div-longitude">
                        <div id="map" style=" height: 300px;"></div>
                        经度：<input type="text" id="c-longitude" name="row[longitude]" value="" class="form-control"
                                    placeholder="经度" data-rule=""/>
                        纬度：<input type="text" id="c-latitude" name="row[latitude]" value="" class="form-control"
                                    placeholder="纬度" data-rule=""/>
                    </div>
                </div>
                <div class="form-group">
                    <label for="c-address" class="control-label col-xs-12 col-sm-2">描述:</label>
                    <div class="col-xs-12 col-sm-8" id="div-address">
                        <input type="text" id="c-address" name="row[address]" value="" class="form-control"
                               title="address" placeholder="" data-rule="" data-tip="地址"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2">是否党员:</label>
                    <div class="col-xs-12 col-sm-8" id="div-party">
                        <label for="row[gender]-1"><input id="row[party]-1" name="row[gender]" type="radio" value="1" {if 1=="1"}checked{/if} /> 是</label>

                        <label for="row[gender]-2"><input id="row[party]-2" name="row[gender]" type="radio" value="2" {if 2=="1"}checked{/if} /> 否</label>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-xs-12 col-sm-2">专业简历:</label>
                    <div class="col-xs-12 col-sm-8" id="div-content">
                        <textarea id="row[content]" name="row[content]" class="form-control editor"></textarea>
                    </div>
                </div>
                   <div class="form-group">
                        <label for="c-jointime" class="control-label col-xs-12 col-sm-2">加入时间:</label>
                        <div class="col-xs-12 col-sm-8" id="div-jointime">
                            <input type="text" id="c-jointime" name="row[jointime]" value="" class="form-control datetimepicker"  data-use-current="true"  data-date-format="YYYY-MM-DD HH:mm:ss" data-tip="加入时间" data-rule=""  />
                        </div>
                   </div>
                <div class="form-group">
                    <label for="c-school_id" class="control-label col-xs-12 col-sm-2">学校ID:</label>
                    <div class="col-xs-12 col-sm-8" id="div-school_id">
                        <select id="c-school_id" name="row[school_id]"  class="form-control" title="school_id" placeholder="" data-rule="" data-tip="学校ID"></select>
                    </div>
                </div>
                <div class="form-group layer-footer">
                    <label class="control-label col-xs-12 col-sm-2"></label>
                    <div class="col-xs-12 col-sm-8">
                        <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
                        <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</form>



